<template>
  <!-- 头部导航 -->
  <view class="nav-bar">
    <view class="nav-icon">
      <!-- <uni-icons
        type="back"
        size="18"
        color="#000000"
        @click="back"
      ></uni-icons> -->
      <image src="/static/images/nav-left.png" alt="" @click="back" />
      <view class="vav-title">
        {{ list.title }}
      </view>
      <view class=""> </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    list: {
      type: Object,
    },
  },
  data() {
    return {};
  },
  methods: {
    backMine() {
      uni.switchTab({
        url: "/pages/mine/index",
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.nav-bar {
  padding: 38rpx 32rpx 18rpx;
  padding-top: 35px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  backdrop-filter: blur(10rpx);
  margin: auto;
  z-index: 999;

  .nav-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;

    image {
      cursor: pointer;
      width: 60rpx;
      height: 60rpx;
    }
    .uni-icons {
      cursor: pointer;
    }
    view {
      margin-left: 16rpx;
      text-align: center;
      font-weight: 600;
      font-size: 36rpx;
      color: #222222;
    }
    .vav-title {
      margin-right: 40rpx;
    }
  }
}
</style>
